*{
    padding:0px;
    margin:0px
}
body{
    position:relative;
    height:100%
}
li{
    list-style: none;
}
section>ul{
    overflow: hidden;
}
a{
    text-decoration: none;
}
header{
    position:relative;
    width:10rem; /* 375/37.5 */
    height: 1.33rem /* 50/37.5 */;
    background:orange;
    position:relative;
 }
 header>a:nth-of-type(1){
     width:0.3947rem;
     height:0.7467rem;
     color:#fff;
     font:0.53rem/0.7467rem "";
     text-align: center;
     position: absolute;
     left:.4rem;
     top:0.3rem;
     text-decoration: none;
     
 }
 header>h1{
     position:absolute;
     left:3.5rem;
     top:.4rem;
     height:.576rem;
     color:#fff;
     font:.53rem/.576rem "";
     font-weight:bolder;
 }
 header>a:nth-of-type(2)>img{
     position:absolute;
   width:.91rem;
   height:.91rem;
     right:0.5rem;
     top:0.3rem;
 }
 section{
     height:81.2933rem
 }
 footer{
     height:3.275rem;
     background:#f1f1f1; 
     left:0rem;
     bottom:0rem;
     width: 100%;
     position:fixed;
 }
 footer>ul{
    margin-top: .2rem;;
    }
    footer>ul>li{
        float:left;
        list-style: none;
        width:33.333%;
        text-align:center;
        border:0.02667rem solid #ccc;
        box-sizing: border-box;
        height: .88rem;
      
    }
    footer>ul>li>a{
        color:#000;
        font:.4rem/.88rem "";
        
    }
    footer>h1{
        height:.448rem;
        font:0.3467rem/0.448rem "";
        text-align: center;
        position: absolute;
        bottom:1.3rem;
        left:1.5rem;
    }
    footer>h2{
        height:.448rem;
        font:0.3rem/0.448rem "";
        text-align: center;
        position:absolute;
        bottom:.65rem;
        left:3.2rem;
    }
